<template>
     <div id="card">
        <div id="imc">
            <div id="imc-hr"></div>
            <div id="w">{{title}}</div>
            <div id="imc-hr"></div>
        </div>
        <div id="imc-cont"></div>
    </div>
</template>

<script>
export default {
    props:['title']
}
</script>

<style scoped>
    #card{
        width:100%;
        height: 600px;
        width:1068px;
        margin:auto;
    }
    #imc{
        height:120px;
        display:flex;
        justify-content: center;
        align-items: center;
    }
    #imc-hr{
        width:428px;
        height:1px;
        background-color:rgb(189,189,189);
    }
    #w{
        text-align:center;
        width:212px;
        font-size:22px;
        font-weight:550;
    }
    #imc-cont{
        height:480px;
        width:1068px;
        background-color:white;
    }
</style>
